<div class="clearfix">
  <h4><i class="icon-edit"></i>Form</h4>
</div>
<div class="row">
  <div class="col-lg-12">
    <section class="panel">
      <form class="form-horizontal" action="/user/create" method="POST" data-validate="parsley" enctype="multipart/form-data">      
        <div class="form-group">
          <label class="col-lg-3 control-label">Photo</label>
          <div class="col-lg-9 media">
            <div class="bg-light pull-left text-center media-large thumb-large"><i class="icon-user inline icon-light icon-3x m-t-large m-b-large"></i></div>
            <div class="media-body">
              <input type="file" title="Change" class="btn btn-small btn-info m-b-small" name="user_avatar"><br>
              <button class="btn btn-small btn-default">Delete</button>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-lg-3 control-label">Email</label>
          <div class="col-lg-8">
            <input type="text" placeholder="test@example.com" class="bg-focus form-control" data-required="true" data-type="email" name="user_email">
          </div>
        </div>
        <div class="form-group">
          <label class="col-lg-3 control-label">Password</label>
          <div class="col-lg-8">
            <input type="password" placeholder="Password" class="bg-focus form-control" name="user_pwd">
            <div class="line line-dashed m-t-large"></div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-lg-3 control-label">Username</label>
          <div class="col-lg-8">
            <input type="text" placeholder="Username" data-required="true" class="form-control" name="user_account">
          </div>
        </div>
<!--               <div class="form-group">
          <label class="col-lg-3 control-label">Account</label>
          <div class="col-lg-4">
            <select name="account" class="form-control">
              <option value="1">Editor</option>
              <option value="0">Admin</option>
            </select>
          </div>
        </div> -->
<!--         <div class="form-group">
          <label class="col-lg-3 control-label">Registered</label>
          <div class="col-lg-9">
            <input type="text" class="combodate form-control" data-format="DD-MM-YYYY" data-template="D  MMM  YYYY" name="user_create_time" value="21-12-2012">
          </div>
        </div> -->
        <div class="form-group">
          <label class="col-lg-3 control-label">Profile</label>
          <div class="col-lg-8">
            <textarea placeholder="Profile" rows="5" class="form-control" data-trigger="keyup" data-rangelength="[20,200]" name='user_profile'></textarea>
            <div class="checkbox">
              <label>
                <input name="agree" type="checkbox"> Agree the <a href="#">terms and policy</a>
              </label>
            </div>
          </div>
        </div>
        <div class="form-group">
          <div class="col-lg-9 col-offset-3">                      
            <button type="submit" class="btn btn-white">Cancel</button>
            <button type="submit" class="btn btn-primary">Save changes</button>
          </div>
        </div>
      </form>